<template>
	<view class="empty">
		<slot>
			<view class="img" v-if="imgIsShow">
				<image :src="imgUrl" mode="widthFix"></image>
			</view>
		</slot>
		<view class="txt">
			{{ tips }}
		</view>
	</view>
</template>
/**
  * 传参说明
  * @param imgUrl 默认图
  * @param imgIsShow 默认图是否展示
  * @param tips 默认提示语
  */
<script>
	export default {
		name:"Empty",
		props:{
			imgUrl:{
				type: String,
				default: '../../static/pubImgs/empty.png'
			},
			imgIsShow:{
				type: Boolean,
				default: true
			},
			tips:{
				type: String,
				default: '暂无数据~'
			}
		},
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss" scoped>
.empty{
	.txt{
		font-size: 26rpx;
		color: #666;
		text-align: center;
	}
	.img{
		width: 70%;
		// max-height: 300rpx;
		margin: 0 auto;
		text-align: center;
		image{
			width: 100%;
			// height: 100%;
		}
	}
}
</style>